.content_chat .img img{
            width:40px;
            height:40px;

        }
        .content_chat{
            margin-bottom: 50px;
        }
        .bottom_chat{
            position: fixed;
            bottom: 0;
            width: 100%;
            background: #F5F5F7;
        }
        .bottom_chat .top{
            position:relative;
        }
        .bottom_chat .input_wrap{
            width: 100%;
            box-sizing: border-box;
            padding: 5px 10px;
            padding-right: 100px;
        }
        .bottom_chat .input_wrap .input_div{
            line-height: 23px;
            padding: 5px;
            margin: 0;
            border: solid 1px #E9E9E9;
            width: 100%;
            box-sizing: border-box;
            border-radius: 4px;
            outline: none;
            -webkit-appearance: none;
            background: #fff;
        }
        .bottom_chat button{
            position: absolute;
            bottom: 6px;
            right: 44px;
            border: solid 1px #4ba26a;
            background: #5fd288;
            color: #fff;
            line-height: 23px;
            padding: 0 10px;
            border-radius: 4px;
        }
        .bottom_chat .file_wrap{
            position: absolute;
            bottom: 5px;
            right: 10px;
            width: 30px;
            height: 30px;
        }
        .bottom_chat .file_wrap input{
            opacity:0;
            width:100%;
            height:100%;
            position: absolute;
        }
        .bottom_chat .file_wrap .add{
            position: absolute;
            display: inline-block;
            width:100%;
            height:100%;
            background: url('../../img/wechat/photo.png') center no-repeat;
            background-size:100%; 
        }
        .li_wrap{
            overflow: hidden;
            padding: 10px;
            position: relative;
        }
        .li_wrap .time{
            text-align: center;
            color: #aaa;
            line-height: 30px;
        }
        .li_wrap .img{
            width: 20%;
            height: 40px;
            margin-top: 10px;
            min-width:40px;
 			max-width:55px;
            
        }
        .li_wrap .content{
            width: 67%;
            border: solid 1px #91C74D;
            box-sizing: border-box;
            padding: 10px;
            background: #A2E55A;
            border-radius: 4px;
            position: relative;
            line-height: 20px;
            font-size: 14px;
            word-break: break-all;
        }
        .li_wrap .name{
            line-height: 15px;
            white-space: nowrap;
            display: inline-block;
            width: 67%;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #666;
        }
        .li_wrap .img_wrap{
            width: 90px;
            border-radius: 4px;
            border: solid 1px #DDDDDD;
        }
        .li_wrap .img_wrap img{
            width:100%;
            display: block;
        }
        .li_wrap .content:after{
            content: "";
            position: absolute;
            width: 10px;
            transform: rotate(45deg);
            height: 10px;
            z-index: -1;   
        }
         .li_wrap .content:before{
            content: "";
            position: absolute;
            border: solid 10px #A2E55A;
            
            
        }
        .left_li .img{
            float: left;
        }
        .right_li .img,.right_li .img img{
            float: right;
        }
        .left_li .content{
            float: left;
            background:#fff;
            border:solid 1px #E1E1E1;
        }
        .left_li .img_wrap{
            float: left;
        }
         .right_li .img_wrap{
            float: right;
        }
        .left_li .content:after{
            top: 9px;
            left: -6px;
            border: solid 1px #E1E1E1;
            background: #fff;
         }
         .left_li .content:before{
            top: 5px;
            left: -17px;
            border-color: transparent #fff transparent transparent;
         }
        .right_li .content{
            float: right;
        }
        .right_li .name{
            float: right;
            text-align: right;
        }
        .right_li .content:after{
            top: 9px;
            right: -6px;
            border: solid 1px #91C74D;
            background: #A2E55A;
         }
         .right_li .content:before{
            top: 5px;
            right: -17px;
            border-color: transparent transparent transparent #A2E55A;
         }
        .preview_img{
            position:fixed;
            top:0;
            left:0;
            background:#000;
            width:100%;
            height:100%;
        }
        .preview_img img{
            width:100%;
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
        }